@charset "utf-8";

// 背景样式
@mixin background{
	background-color: #fff;
	margin-bottom: .75rem;
    padding: .75rem;
}

// 工具栏
.tools{
	width: 100%;
	
	.tools-pay{
		p{
			float: left;
			font-size: .8rem;
			color: #000;
			margin-left: .25rem;
			b{
				color: #EB77B5;
				display: inline-block;
			}
		}
	}
	
	.tools-up{
		background-color: #DE3D96;
		span{
			font-size: 1rem;
			color: #fff;
			font-weight: bold;
		}
	}
}


// 收货栏
.accont-place{
	@include background;
	
	.ap-place{
		width: 100%;
		border-bottom: .05rem dashed #888;
		display: inline-block;
		.app-left{
			float: left;
			p{
				margin: .5rem 0;
				font-size: .8rem;
				color: #888;
			}
		}
		
		
	}
	
	.ap-time{
		clear: both;
		width: 100%;
		margin-top: 1rem;
		display: inline-block;
		.apt-left{
			float: left;
			font-size: .8rem;
			color: #888;
		}
		
		
	}
}

// 订单栏
.account-order{
	@include background;
	
	div{
		line-height: 1.5rem;
		padding-bottom: .25rem;
		display: block;
		font-size: .5rem;
		
		span{
			clear: both;
			float: right;
		}

	}
	
	.ao-title{
		font-size: 1rem;
		span{
			font-size: .8rem;
			color: #888;
		}
		a{
			color: #E4007F;
			font-weight: bolder;
		}
	}
	
}


// 支付栏
.account-pay{
	@include background;
	
	div{
		line-height: 1.5rem;
		padding-bottom: .25rem;
		display: block;
		font-size: .5rem;
		
		.item-media{
			span{
				font-size: .8rem;
				vertical-align: middle;
			}
			img{
				vertical-align: middle;
				margin: 0 .5rem;
			}
		}
	}
	
	.ap-title{
		font-size: 1rem;
		a{
			color: #E4007F;
			font-weight: bolder;
		}
	}
}